<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>ate2345 home</title>
	<link href="/static/plugins/jquery.bxslider/jquery.bxslider.css"  type="text/css" rel="stylesheet">
	<link href="/static/css/ate2345_index.css" type="text/css" rel="stylesheet">
</head>
<body>
		<ul class="bxslider">
{#			注意for循环放在li外#}
			{% for item in bxslider_dict %}
				<li>
					<a href="{{ item.href }}">
						<img src="/{{ item.img }}" alt="{{ item.name }}" />
					</a>
				</li>
			{% endfor %}
		</ul>

	<script src="/static/plugins/jquery-1.11.3/jquery.min.js" type="text/javascript"></script>
	<script src="/static/plugins/jquery.bxslider/jquery.bxslider.js" type="text/javascript"></script>
	<script>
		$(function () {
			$('.bxslider').bxSlider({
				auto: true
			});
        })
	</script>
{#	另一种加载bxslider方式#}
{#	<script>#}
{#		$(document).ready(function(){#}
{#		  $('.bxslider').bxSlider();#}
{#		});#}
{#	</script>#}
</body>
</html>